<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>购物车列表页面</title>
    <link
      rel="stylesheet"
      type="text/css"
      href="https://www.jq22.com/jquery/bootstrap-3.3.4.css"
    />
    <link
      rel="stylesheet"
      href="https://meyerweb.com/eric/tools/css/reset/reset200802.css"
    />
    <link rel="stylesheet" href="stylesheets/pagination.css" />
    <link rel="stylesheet" href="font/iconfont.css" />
    <link rel="stylesheet" href="stylesheets/headerfooter.css" />

    <link rel="stylesheet" href="stylesheets/cartlist.css" />
    <script src="javascripts/main.js" type="module" id="cartlist"></script>
  </head>
  <body>
    <header></header>
    <nav></nav>
    <main>
      <div class="container wrapper">
        <div class="car_head">
          <div class="mycar">
            <h1>我的购物车</h1>
            <p>
              <span>绑定三星账号，购物可获取和使用三星积分</span
              ><a href="">绑定三星账号</a>
            </p>
          </div>

          <div class="car_title">
            <div class="item_list">
              <input type="checkbox" checked name="all" class="allcheck" id="allcheck1"/><label
                for="#allcheck1"
                >全选</label
              >
            </div>
            <div class="item_list">商品</div>
            <div class="item_list">单价</div>
            <div class="item_list">积分</div>
            <div class="item_list">数量</div>
            <div class="item_list">小计</div>
            <div class="item_list">操作</div>
          </div>
        </div>
        <div class="list_main">
          <div class="car_body">
            <div class="item_list item_body">
              <input type="checkbox" name="item" id="" />
              <a href="">
                <img
                  src="https://image.samsungeshop.com.cn/goods/20211018/2c719a644d7e4d45bd9035427488def4.jpg"
                  alt=""
              /></a>
            </div>
            <div class="item_list item_body">
              Galaxy Z Flip3 5G 梦境极光 8GB+128GB 内存/8GB RAM128GB ROM 梦境极光
            </div>
            <div class="item_list item_body">
              <span>¥7,599.00</span><strong>¥6,199.00</strong
              ><i>比加入时新增以旧换新服务 </i>
            </div>
            <div class="item_list item_body">0</div>
            <div class="item_list item_body">
              <input type="button" value="-" /><input
                type="text"
                value="1"
              /><input type="button" value="+" />
            </div>
            <div class="item_list item_body"><strong>¥6,199.00</strong></div>
            <div class="item_list item_body">
              <a href=""> 移入收藏夹</a><a href=""> 删除</a><a href=""> 修改</a>
            </div>
          </div>
        </div>
        
        <div class="car_foot">
          <div class="car_title">
            <div class="item_list item_foot">
              <input type="checkbox" name="all" class="allcheck" id="allcheck2" checked/><label
                for="#allcheck2"
                >全选</label
              >
            </div>
            <div class="item_list item_foot"><a href="javascript:;" class="remove_checked">删除</a></div>
            <div class="item_list item_foot"><a href="">清除失效产品</a></div>
            <div class="item_list item_foot"><a href="">移入收藏夹</a></div>
            <div class="item_list item_foot">共<span class="all_data">2</span>件商品</div>
            <div class="item_list item_foot">已选择<span class="all_sum_num">0</span>件|应付总额：<span class="all_sum_price">￥0</span></div>
            <div class="item_list item_foot"><a href="">操作</a></div>
          </div>
        </div>
        </div>
      </div>
    </main>
    <footer></footer>
  </body>
</html>
